
<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8"/>
	<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport" id="viewport" />
	<title>美年大-添加银行卡页</title>
	<link rel="stylesheet" href="css/reset.css"/>
	<link rel="stylesheet" href="css/font/iconfont.css"/>
	<link rel="stylesheet" href="css/iosSelect.css"/>
	<link rel="stylesheet" href="css/header.css"/>
	<link rel="stylesheet" href="css/xmy_tiyan.css"/>
</head>
<body>
	<section class="add_bankcard">
		<header>
			<div class="head_left">
				<i class="icon iconfont icon-iconback"></i>
				新美亚体验卡
			</div>
			<div class="head_right">
				<i class="icon iconfont icon-moreandroid"></i>
			</div>
		</header>
		<div class="bankcard_box">
			<b class="b_tit">购买人信息</b>
			<ul class="bankcard_list">
				<li>
					<label>姓名</label>
					<div class="l_right">
						<input type="text" placeholder="请输入姓名" />
					</div>
					<b class="cw_txt">错误信息</b>
				</li>
				<li>
					<label>身份证号</label>
					<div class="l_right">
						<input type="text" placeholder="请输入身份证号" />
					</div>
				</li>
				<li>
					<label>性别</label>
					<div class="l_right">
						男
					</div>
				</li>
				<li>
					<label>手机号</label>
					<div class="l_right">
						<input type="text" placeholder="请输入手机号" />
					</div>
				</li>
				<li>
					<label class="sz_city1">所在城市</label>
					<div class="l_right sz_city2" id="select_contact">
						<input type="hidden" name="contact_province_code" data-id="0001" id="contact_province_code" value="" data-province-name="">                     
    					<input type="hidden" name="contact_city_code" id="contact_city_code" value="" data-city-name="">
    					<p data-city-code="510100" data-province-code="510000" id="show_contact">选择所在城市</p>
						<i class="icon iconfont icon-right"></i>
					</div>
				</li>
			</ul>
		</div>
	</section>
	<div class="mndBtn">
		<p class="p1">价格：<label>￥300</label></p>
		<span class="nextBtn">下一步</span>
	</div>
	<script type="text/javascript" src="js/areaData_v2.js"></script>
	<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="js/iosSelect.js"></script>
	<script type="text/javascript" src="js/iscroll.js"></script>
	<script type="text/javascript">
		var selectContactDom = $('#select_contact');
	    var showContactDom = $('#show_contact');
	    var contactProvinceCodeDom = $('#contact_province_code');
	    var contactCityCodeDom = $('#contact_city_code');
	    selectContactDom.bind('click', function () {
	        var sccode = showContactDom.attr('data-city-code');
	        var scname = showContactDom.attr('data-city-name');

	        var oneLevelId = showContactDom.attr('data-province-code');
	        var twoLevelId = showContactDom.attr('data-city-code');
	        var iosSelect = new IosSelect(2, 
	            [iosProvinces, iosCitys],
	            {
	                title: '地址选择',
	                itemHeight: 35,
	                relation: [1, 1, 0, 0],
	                oneLevelId: oneLevelId,
	                twoLevelId: twoLevelId,
	                callback: function (selectOneObj, selectTwoObj) {
	                    contactProvinceCodeDom.val(selectOneObj.id); 
	                    contactProvinceCodeDom.attr('data-province-name', selectOneObj.value);
	                    contactCityCodeDom.val(selectTwoObj.id);
	                    contactCityCodeDom.attr('data-city-name', selectTwoObj.value);

	                    showContactDom.attr('data-province-code', selectOneObj.id);
	                    showContactDom.attr('data-city-code', selectTwoObj.id);
	                    showContactDom.html(selectOneObj.value + ' ' + selectTwoObj.value);
	                }
	        });
	    });
	</script>
</body>
</html>
